<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>后台页面</title>
    <link rel="stylesheet" href="../lib/bootstrap-3.4.1-dist/css/bootstrap.css">
    <link rel="stylesheet" href="../css/backstage.css">
    <link rel="stylesheet" href="../css/layout.css">
</head>

<body>
    <div class="container-fluid father">
        <header>
            <h1>文章后台管理系统</h1>
            <div class="t-name">别来无恙<span>xxx</span></div>
        </header>
        <div class="con">
            <div class="con-left">
                <ul class="ful">
                    <li class="fli"><a class="fa-checked sy" href="#">首页</a></li>
                    <li class="fli">
                        <a href="#">文章管理</a>
                        <ul class="sul">
                            <li class="sli"><a href="#" class="zjwz">自己文章</a></li>
                            <li class="sli"><a href="#" class="xzwz">新增文章</a></li>
                            <li class="sli sywz"><a href="#">所有文章</a></li>
                        </ul>
                    </li>
                    <li class="fli">
                        <a href="#">账号管理</a>
                        <ul class="sul">
                            <li class="sli"><a class="grzx" href="#">个人中心</a></li>
                            <li class="sli syzh"><a href="#">所有账户</a></li>
                        </ul>
                    </li>
                    <li class="fli"><a class="exit" href="#">退出</a></li>
                </ul>
            </div>
            <div class="con-right">
                <div class="r-top">首页</div>
                <div class="content"></div>
            </div>
        </div>
    </div>


    <!-- 新建用户和修改用户信息模态框 -->
    <div class="modal fade" id="newUser" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                            aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title" id="exampleModalLabel">新建账号</h4>
                </div>
                <div class="modal-body">
                    <form class="">
                        <div class="form-group">
                            <label for="name" class="control-label">用户名</label>
                            <input type="text" autocomplete="off" class="form-control" id="name">
                        </div>
                        <div class="form-group">
                            <label for="user" class="control-label">账号</label>
                            <input type="text" autocomplete="off" class="form-control" id="user">
                        </div>
                        <div class="form-group">
                            <label for="pwd" class="control-label">密码</label>
                            <input type="text" autocomplete="off" class="form-control" id="pwd">
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary tjyh">确定</button>
                </div>
            </div>
        </div>
    </div>

    <!-- 修改文章信息模拟框 -->
    <div class="modal fade" id="mnk-wzxg" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel">
        <div class="modal-dialog" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
              <h4 class="modal-title" id="goodstudy">好好学习</h4>
            </div>
            <div class="modal-body">
              <form>
                <div class="form-group">
                  <label for="recipient-name" class="control-label">标题</label>
                  <input type="text" class="form-control" id="mnk-xg-tit">
                  <input type="hidden" class="wz-id" value="">
                  <input type="hidden" class="wz-user" value="">
                </div>
                <div class="form-group">
                  <label for="message-text" class="control-label">内容</label>
                  <textarea class="form-control" id="mnk-xg-con" rows="15"></textarea>
                </div>
              </form>
            </div>
            <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
              <button type="button" class="btn btn-primary mnk-xg-qd">确定</button>
            </div>
          </div>
        </div>
    </div>
    
    <script src="../js/jquery-1.12.4.js"></script>
    <script src="../lib/bootstrap-3.4.1-dist/js/bootstrap.js"></script>
    <script src="../js/public.js"></script>
    <script src="../js/backstage.js"></script>
</body>

</html>